﻿.header-type-fixed .full-page-video-banner-section{
    height: 100vh;
}
.header-type-relative .full-page-video-banner-section {
    height: calc(100vh - var(--header-height));
}
.full-page-video-banner-section video {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.full-page-video-banner {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.full-page-video-banner-section-content-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.full-page-video-banner-section-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.full-page-video-banner-section-content p,
.full-page-video-banner-section-content h1,
.full-page-video-banner-section-content h2,
.full-page-video-banner-section-content h3,
.full-page-video-banner-section-content h4 {
    margin: 20px 0;
}
.full-page-video-banner-section-text-content {
    position: relative;
    width: 100%;
}
.full-page-video-banner-section-header,
.full-page-video-banner-section-text {
    position: relative;
    max-width: 60%;
}
@media only screen and (max-width: 1499px) {
    .full-page-video-banner-section-header, .full-page-video-banner-section-text {
        max-width: 80%;
    }
}
@media only screen and (max-width: 1199px) {
    .full-page-video-banner-section-header,
    .full-page-video-banner-section-text {
        max-width: 90%;
    }
}
@media only screen and (min-width: 1024px) {
    .video-mobile {
        display: none;
    }
    .video-desktop {
        display: block;
    }
}
@media only screen and (max-width: 1023px) {
    .video-mobile {
        display: block;
    }
    .video-desktop {
        display: none;
    }
}

.video-banner-content-width {
    max-width: 100%;
}